﻿<!DOCTYPE html>
<html>
  <head>
    <title>4.2 校园卡首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/4_2_校园卡首页/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/4_2_校园卡首页/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u281" class="ax_default _形状">
        <div id="u281_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u282" class="ax_default _形状">
        <div id="u282_div" class=""></div>
        <div id="u282_text" class="text ">
          <p><span>我的校园卡</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u283" class="ax_default image">
        <img id="u283_img" class="img " src="images/4_1_校园卡启用/u219.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u284" class="ax_default box_1">
        <div id="u284_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u285" class="ax_default image">
        <img id="u285_img" class="img " src="images/4_2_校园卡首页/u285.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u286" class="ax_default _文本段落">
        <div id="u286_div" class=""></div>
        <div id="u286_text" class="text ">
          <p><span>余额&nbsp; &nbsp; &nbsp; &nbsp; 100.00</span></p>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u287" class="ax_default line">
        <img id="u287_img" class="img " src="images/4_2_校园卡首页/u287.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u288" class="ax_default box_1">
        <div id="u288_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u289" class="ax_default image">
        <img id="u289_img" class="img " src="images/4_2_校园卡首页/u289.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u290" class="ax_default _文本段落">
        <div id="u290_div" class=""></div>
        <div id="u290_text" class="text ">
          <p><span>银行卡</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u291" class="ax_default _图片1">
        <img id="u291_img" class="img " src="images/4_2_校园卡首页/u291.svg"/>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u292" class="ax_default _图片1">
        <img id="u292_img" class="img " src="images/4_2_校园卡首页/u292.svg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u293" class="ax_default _文本段落">
        <div id="u293_div" class=""></div>
        <div id="u293_text" class="text ">
          <p><span>付款码</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u294" class="ax_default _文本段落">
        <div id="u294_div" class=""></div>
        <div id="u294_text" class="text ">
          <p><span>扫一扫</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u295" class="ax_default box_1">
        <div id="u295_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u296" class="ax_default image">
        <img id="u296_img" class="img " src="images/4_2_校园卡首页/u296.png"/>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u297" class="ax_default placeholder">
        <img id="u297_img" class="img " src="images/4_2_校园卡首页/u297.png"/>
        <div id="u297_text" class="text ">
          <p><span>LOGO</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u298" class="ax_default label">
        <div id="u298_div" class=""></div>
        <div id="u298_text" class="text ">
          <p><span>北京工业大学</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u299" class="ax_default label">
        <div id="u299_div" class=""></div>
        <div id="u299_text" class="text ">
          <p><span>卡号:12312312</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u300" class="ax_default _文本框">
        <img id="u300_img" class="img " src="images/4_2_校园卡首页/u300.svg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u301" class="ax_default _文本段落">
        <div id="u301_div" class=""></div>
        <div id="u301_text" class="text ">
          <p><span>身份尚未确认</span></p><p><span>请点击确认</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u302" class="ax_default primary_button">
        <div id="u302_div" class=""></div>
        <div id="u302_text" class="text ">
          <p><span>充值</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u303" class="ax_default image">
        <img id="u303_img" class="img " src="images/4_2_校园卡首页/u303.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u304" class="ax_default box_1">
        <div id="u304_div" class=""></div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u305" class="ax_default line">
        <img id="u305_img" class="img " src="images/4_2_校园卡首页/u305.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u306" class="ax_default _文本段落">
        <div id="u306_div" class=""></div>
        <div id="u306_text" class="text ">
          <p><span>提现</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u307" class="ax_default _文本段落">
        <div id="u307_div" class=""></div>
        <div id="u307_text" class="text ">
          <p><span>常用功能</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u308" class="ax_default _文本段落">
        <div id="u308_div" class=""></div>
        <div id="u308_text" class="text ">
          <p><span>添加至桌面</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u309" class="ax_default icon">
        <img id="u309_img" class="img " src="images/4_2_校园卡首页/u309.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u310" class="ax_default image">
        <img id="u310_img" class="img " src="images/4_2_校园卡首页/u310.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u311" class="ax_default _文本段落">
        <div id="u311_div" class=""></div>
        <div id="u311_text" class="text ">
          <p><span>账单</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u312" class="ax_default image">
        <img id="u312_img" class="img " src="images/4_2_校园卡首页/u312.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u313" class="ax_default label">
        <div id="u313_div" class=""></div>
        <div id="u313_text" class="text ">
          <p><span>校园名片，确认后显示三种名片标</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u314" class="ax_default _连接线">
        <img id="u314_seg0" class="img " src="images/4_2_校园卡首页/u314_seg0.png" alt="u314_seg0"/>
        <img id="u314_seg1" class="img " src="images/4_1_校园卡启用/u265_seg3.png" alt="u314_seg1"/>
        <img id="u314_seg2" class="img " src="images/4_2_校园卡首页/u314_seg2.png" alt="u314_seg2"/>
        <div id="u314_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u315" class="ax_default _文本框">
        <img id="u315_img" class="img " src="images/4_2_校园卡首页/u300.svg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u316" class="ax_default _文本段落">
        <div id="u316_div" class=""></div>
        <div id="u316_text" class="text ">
          <p><span>学生</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u317" class="ax_default _文本框">
        <img id="u317_img" class="img " src="images/4_2_校园卡首页/u300.svg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u318" class="ax_default _文本段落">
        <div id="u318_div" class=""></div>
        <div id="u318_text" class="text ">
          <p><span>教师/员工</span></p>
        </div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u319" class="ax_default _文本框">
        <img id="u319_img" class="img " src="images/4_2_校园卡首页/u300.svg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u320" class="ax_default _文本段落">
        <div id="u320_div" class=""></div>
        <div id="u320_text" class="text ">
          <p><span>临时人员</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u321" class="ax_default _连接线">
        <img id="u321_seg0" class="img " src="images/4_2_校园卡首页/u321_seg0.png" alt="u321_seg0"/>
        <img id="u321_seg1" class="img " src="images/4_2_校园卡首页/u321_seg1.png" alt="u321_seg1"/>
        <img id="u321_seg2" class="img " src="images/4_2_校园卡首页/u321_seg2.png" alt="u321_seg2"/>
        <img id="u321_seg3" class="img " src="images/4_1_校园卡启用/u265_seg3.png" alt="u321_seg3"/>
        <img id="u321_seg4" class="img " src="images/4_2_校园卡首页/u321_seg4.png" alt="u321_seg4"/>
        <div id="u321_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u322" class="ax_default _连接线">
        <img id="u322_seg0" class="img " src="images/4_2_校园卡首页/u322_seg0.png" alt="u322_seg0"/>
        <img id="u322_seg1" class="img " src="images/4_1_校园卡启用/u265_seg3.png" alt="u322_seg1"/>
        <img id="u322_seg2" class="img " src="images/4_2_校园卡首页/u322_seg2.png" alt="u322_seg2"/>
        <div id="u322_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u323" class="ax_default _连接线">
        <img id="u323_seg0" class="img " src="images/4_2_校园卡首页/u323_seg0.png" alt="u323_seg0"/>
        <img id="u323_seg1" class="img " src="images/4_2_校园卡首页/u323_seg1.png" alt="u323_seg1"/>
        <img id="u323_seg2" class="img " src="images/4_2_校园卡首页/u323_seg2.png" alt="u323_seg2"/>
        <img id="u323_seg3" class="img " src="images/4_1_校园卡启用/u265_seg3.png" alt="u323_seg3"/>
        <img id="u323_seg4" class="img " src="images/4_2_校园卡首页/u321_seg4.png" alt="u323_seg4"/>
        <div id="u323_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u324" class="ax_default label">
        <div id="u324_div" class=""></div>
        <div id="u324_text" class="text ">
          <p><span>卡状态：正常</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u325" class="ax_default label">
        <div id="u325_div" class=""></div>
        <div id="u325_text" class="text ">
          <p><span>进入设置页面</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u326" class="ax_default _连接线">
        <img id="u326_seg0" class="img " src="images/4_2_校园卡首页/u326_seg0.png" alt="u326_seg0"/>
        <img id="u326_seg1" class="img " src="images/4_1_校园卡启用/u265_seg3.png" alt="u326_seg1"/>
        <img id="u326_seg2" class="img " src="images/4_2_校园卡首页/u326_seg2.png" alt="u326_seg2"/>
        <div id="u326_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u327" class="ax_default _文本段落">
        <div id="u327_div" class=""></div>
        <div id="u327_text" class="text ">
          <p><span>温馨提示：您尚未开通银行卡直付！开通银行卡直付可有效避免余额不足的尴尬，如需开通请使用“设置”开通。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u328" class="ax_default label">
        <div id="u328_div" class=""></div>
        <div id="u328_text" class="text ">
          <p><span>开通银行卡支付页面</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u329" class="ax_default _连接线">
        <img id="u329_seg0" class="img " src="images/4_2_校园卡首页/u329_seg0.png" alt="u329_seg0"/>
        <img id="u329_seg1" class="img " src="images/4_1_校园卡启用/u265_seg3.png" alt="u329_seg1"/>
        <img id="u329_seg2" class="img " src="images/4_2_校园卡首页/u326_seg2.png" alt="u329_seg2"/>
        <div id="u329_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u330" class="ax_default label">
        <div id="u330_div" class=""></div>
        <div id="u330_text" class="text ">
          <p><span>温馨提醒：您已开通银行卡直付功能！如需关闭请使用“设置”关闭。</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u331" class="ax_default _连接线">
        <img id="u331_seg0" class="img " src="images/4_2_校园卡首页/u331_seg0.png" alt="u331_seg0"/>
        <img id="u331_seg1" class="img " src="images/4_2_校园卡首页/u331_seg1.png" alt="u331_seg1"/>
        <img id="u331_seg2" class="img " src="images/4_2_校园卡首页/u331_seg2.png" alt="u331_seg2"/>
        <img id="u331_seg3" class="img " src="images/4_1_校园卡启用/u265_seg3.png" alt="u331_seg3"/>
        <img id="u331_seg4" class="img " src="images/4_2_校园卡首页/u331_seg4.png" alt="u331_seg4"/>
        <div id="u331_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u332" class="ax_default label">
        <div id="u332_div" class=""></div>
        <div id="u332_text" class="text ">
          <p><span>本期暂不做</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u333" class="ax_default _连接线">
        <img id="u333_seg0" class="img " src="images/4_2_校园卡首页/u333_seg0.png" alt="u333_seg0"/>
        <img id="u333_seg1" class="img " src="images/4_2_校园卡首页/u333_seg1.png" alt="u333_seg1"/>
        <img id="u333_seg2" class="img " src="images/4_2_校园卡首页/u333_seg2.png" alt="u333_seg2"/>
        <img id="u333_seg3" class="img " src="images/4_2_校园卡首页/u333_seg3.png" alt="u333_seg3"/>
        <div id="u333_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
  </body>
</html>
